<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="s2.css" rel="stylesheet" type="text/css">
    <title>旋转立方体相册</title>
</head>
<body>
<div id="react">
    <div class="out_front">
        <img src="img/g1.jpg" class="out_pic">
    </div>
    <div class="out_back">
        <img src="img/g2.jpg" class="out_pic">
    </div>
    <div class="out_left">
        <img src="img/g3.jpg" class="out_pic">
    </div>
    <div class="out_right">
        <img src="img/g4.jpg" class="out_pic">
    </div>
    <div class="out_top">
        <img src="img/g5.jpg" class="out_pic">
    </div>
    <div class="out_bottom">
        <img src="img/g6.jpg" class="out_pic">
    </div>
    <span class="in_front">
        <img src="img/g7.png" class="in_pic">
    </span>
    <span class="in_back">
        <img src="img/g8.png" class="in_pic">
    </span>
    <span class="in_left">
        <img src="img/g9.png" class="in_pic">
    </span>
    <span class="in_right">
        <img src="img/g10.png" class="in_pic">
    </span>
    <span class="in_top">
        <img src="img/g3.jpg" class="in_pic">
    </span>
    <span class="in_bottom">
        <img src="img/g4.jpg" class="in_pic">
    </span>
</div>

</body>
</html>
